<template>
   <div @click="say()" class="container">
   {{ msg }}
   </div>
</template>

<script>
export default {
name:'App',
// 1,组合api的起点，将来的组合api代码，基本上在这里
//2,可以理解为：在beforeCreated钩子执行前执行，组件实例创建前
// 3, 所以 函数中不能使用this ==》undefined（有其他的方法获取）
//4,  模板中需要使用的数据和函数 ，需要在setup中返回
setup() {
    console.log('setup',this);
    // 数据
    const msg='hi vue3'
    // 函数
    const say=()=>{
        console.log(msg);
    }
    return {msg,say}
},
// // vue3中不建议写选项api
// beforeCreate(){
//     console.log('beforeCreate',this);
// }
}
</script>

<style>

</style>